<html>
    <head>
        <title>
            标题
        </title>
    </head>
    <head>
        <script>
            function test(){
                var userName = document.getElementById("username");
                alert(userName.value);
                var hobbys = document.getElementsByName("hobby");
                var hobby_str = "爱好:";
                for(var i = 0; i <hobbys.length; i++){
                    if(hobbys[i].checked){
                        hobby_str += hobbys[i].value + '';
                    }
                }
                alert(hobby_str);
            }
        </script>
    </head>
    <body>
        <form>
            你的名字<input type="text" name="username" id="username"/><br/><br/>
            你的喜好<input type="checkbox" name="hobby" value="下棋"/>下棋<br/><br/>
            你的喜好<input type="checkbox" name="hobby" value="下棋"/>下棋<br/><br/>
            你的喜好<input type="checkbox" name="hobby" value="下棋"/>下棋<br/><br/>
            你的喜好<input type="checkbox" name="hobby" value="下棋"/>下棋<br/><br/>
            你的喜好<input type="checkbox" name="hobby" value="下棋"/>下棋<br/><br/>
            你的喜好<input type="checkbox" name="hobby" value="下棋"/>下棋<br/><br/>
            你的喜好<input type="checkbox" name="hobby" value="下棋"/>下棋<br/><br/>
            你的喜好<input type="checkbox" name="hobby" value="下棋"/>下棋<br/><br/>
                    <input type="button" value="点" onclick="test();"/>
        </form>
    </body>
</html>
          
